<!--
 * @Author: Liang 1931226988@qq.com
 * @Date: 2023-08-21 11:27:12
 * @LastEditors: Liang 1931226988@qq.com
 * @LastEditTime: 2023-08-21 14:35:05
 * @FilePath: \WanYi\src\components\v-advertisement\v-advertisement.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="advertisement" v-if="advertisementStore.isShow">
    <div class="clear" @click="clear">X</div>
    <image
    class="img"
        src="https://yanxuan.nosdn.127.net/static-union/16607924415e76bf.png?type=webp&imageView&thumbnail=750x0&quality=75"
        mode="widthFix"
    />
  </div>
</template>

<script setup lang="ts">
import useAdvertisementStore from '@/store/modules/advertisement'
const advertisementStore = useAdvertisementStore()
const clear = () => {
  advertisementStore.changeShow()
}
</script>

<style scoped lang="less">
.advertisement {
    width: 100%;
    position: relative;
    .clear {
      padding: 5rpx;
      // border-radius: 0  50% 50% 0;
      position: absolute;
      color: #ccc;
      background-color: rgba(255, 255, 255, 0.1);
    }
    .img {
        width: 100%;
    }
}
</style>
